<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    用户名：<input type="text" id="username"><span></span><br>
    密码：<input type="text" id="password"><span></span><br>
    重复密码：<input type="text" id="password2"><span></span><br>
    手机号：<input type="text" id="tel"><span></span><br>
    邮箱：<input type="text" id="email"><span></span><br>
    <input type="button" id="btn" value="提交">
</body>
<script>
    var otel = document.getElementById("tel");

    otel.oninput = function(){
        // 创建正则
        var reg = /^1[3-9]\d{9}$/;
        // 根据正则验证输入框中的内容
        var flag = reg.test(this.value);
        // 根据验证结果，显示提示信息
        if(flag){
            this.nextElementSibling.innerHTML = "通过验证";
        }else{
            this.nextElementSibling.innerHTML = "不符合手机号的基本格式";
        }
    }

</script>
</html>